/*引入矢量图标*/
@font-face {
    font-family: 'iconfont';

    src: url('font/iconfont.eot');
    src: url('font/iconfont.eot?#iefix') format('font/embedded-opentype'),
    url('font/iconfont.woff') format('woff'),
    url('font/iconfont.ttf') format('truetype'),
    url('font/iconfont.svg#iconfont') format('svg');
}
/*轮播图样式*/
ul, li {
    margin: 0;
    padding: 0;

    list-style: none;
}
a {
	text-decoration: none;
}
#rotation {
    position: relative;

    overflow: hidden;

    width: 100%;	/*在此输入轮播图的宽高*/
    height: 500px;
}
#img-list {
    position: absolute;
    left: 0;

    width: 100%;
    height: 100%;
}
#img-list .item {
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;
}
#img-list .item a {
    display: block;

    height: 100%;
}
#img-list .item img {
    width: 100%;
    height: 100%;
}
#focus-list {
    font-size: 0;

    position: absolute;
    bottom: 20px;
    left: 50%;

    padding: 4px 8px;

    border-radius: 12px;
    background-color: rgba(255, 255, 255, .3);
}
#focus-list i {
    display: inline-block;

    width: 12px;
    height: 12px;
    margin-right: 10px;

    border-radius: 100%;
    background-color: #fff;
}
#focus-list i:last-of-type {
    margin-right: 0;
}
#focus-list .hover {
    background-color: red;
}

/*左右箭头*/
#rotation .control {
    line-height: 60px;

    position: absolute;
    top: 50%;

    display: none;

    width: 30px;
    height: 60px;
    margin-top: -30px;

    text-align: center;

    color: #fff;
    background-color: #333;
    background-color: rgba(0,0,0,.1);
}
#rotation .prev {
    left: 0;
}
#rotation .next {
    right: 0;
}
.iconfont {
    font-family: iconfont;
    font-style: normal;

    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}
#rotation:hover .control {
    display: block;
}
#rotation .control:hover {
    background: rgba(0,0,0,.6);
}
